const { defineConfig } = require("@vue/cli-service");
//prerender
const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
const webpack = require('WEBpack');
const path = require('path');
const { config } = require("process");
// base配置,所有环境都会加载

module.exports = defineConfig({
	transpileDependencies: true,
	lintOnSave: false,
	publicPath: "./", //解决打包后静态资源路径问题
	outputDir: process.env.outputDir,
});

// module.exports = {
// 	configureWebpack: config => {
// 		// if (process.env.node_ENV !== 'production') return;
// 		return {
// 				plugins: [
// 						new PrerenderSPAPlugin({
// 								// 生成文件的路径，也可以与webpakc打包的一致。
// 								// 下面这句话非常重要！！！
// 								// 这个目录只能有一级，如果目录层次大于一级，在生成的时候不会有任何错误提示，在预渲染的时候只会卡着不动。
// 								staticDir: path.join(__dirname,'dist'),
// 								// 对应自己的路由文件，比如a有参数，就需要写成 /a/param1。
// 								routes: ['/','"/version-choice"'],
// 								// 这个很重要，如果没有配置这段，也不会进行预编译
// 								renderer: new Renderer({
// 										inject: {
// 												foo: 'bar'
// 										},
// 										headless: false,
// 										// 在 main.js 中 document.dispatchEvent(new Event('render-event'))，两者的事件名称要对应上。
// 										renderAfterDocumentEvent: 'render-event'
// 								})
// 						})
// 				],
// 		};
// }
// }